<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新元素</title>
		<style>
			/* 鼠标悬停到大风车上旋转 */
			img{
				/* 过度属性：控制旋转的时间 */
				transition: transform 10s;
				
			}
			img:hover{
				/* 转换 */
				transform: rotate(2900000deg);
			}
		</style>
	</head>
	<body>
		<!-- 音频和视频 属性autoplay:自动播放一次属性
		                 autoplay="autoplay"  属性和属性值一致（属性值不写）
						 controls  控制条
						 loop      循环播放
						 -->
						 
		<audio src="img/dfcm.mp3" autoplay loop></audio>
		<img src="img/dfc.jpg" alt="大风车" >
		<!-- <video src="img/1.mp4" autoplay controls loop></video> -->
	</body>
</html>